<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="e享时代,创新消费-科学分享!" />
<meta name="description" content="麦e享时代,创新消费-科学分享!" />
<meta name="applicable-device" content="pc,mobile">
<meta name="format-detection" content="telephone=no"/>
<meta name="location" content="province=广东;city=深圳;">
<link rel="icon" href="../image/favicon.ico">
<title>e享时代,创新消费-科学分享!</title>
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.min.css">
<!-- Path to Framework7 iOS related color styles -->
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.colors.min.css">
<link rel="stylesheet" href="../style/home/style.css">
<style>
    [v-cloak]{
        display: none;
    }
    body{
        overflow-x: hidden;
    }   
    #app{
        padding-bottom: 56px;
    }
</style>
</head>

<body>
<div id="app" v-cloak v-scroll="loadMore">
    <nav>
        <dl class="one">
            <a href="javascript:void(0)" v-on:click="toIndex">
            <dt></dt>
            <dd>我的</dd>
            </a>
        </dl>
        <dl class="two">
            <a class="active" href="javascript:void(0)">
            <dt></dt>
            <dd>联盟商家</dd>
            </a>
        </dl>
        <dl class="three">
            <a href="javascript:window.location.href='lore.html'">
            <dt></dt>
            <dd>商学院</dd>
            </a>
        </dl>
        <dl class="four">
            <a href="javascript:window.location.href='bulletin.html'">
            <dt></dt>
            <dd>公告</dd>
            </a>
        </dl>
    </nav>
    <div class="headTitle loreTitle"><cite class="arrow down" id="selReginText" v-on:click="selRegion($event)">全国</cite>联盟商家</div>
    <!-- 没有数据 -->
    <div class="error404 Vcenter" id="noData">
     <dl><dt><img src="../image/NOdada@2x.png"></dt>
       <dd>还没有数据哦~</dd>
     </dl>
    </div>
    <div class="Area" id="region" style="display: none;">
        <input type="hidden" id="selProvinceV" name="">
        <input type="hidden" id="selCityV" name="">
        <input type="hidden" id="selCountyV" name="">
        <input type="hidden" id="selProvinceT" name="">
        <input type="hidden" id="selCityT" name="">
        <input type="hidden" id="selCountyT" name="">
        <ul class="one province">
            <li v-for="item in provinceList"><a href="#" v-bind:data-id="item.id" v-on:click="selProvince($event)"  v-bind:class="{active:item.id===province}">{{ item.name }}</a></li> <!-- a active选中 -->
        </ul>
        <ul class="two city"  v-show="cityList.length > 0">
            <li v-for="item in cityList"><a href="#" v-bind:data-id="item.id" v-on:click="selCity($event)" v-bind:class="{active:item.id===city}">{{ item.name }}</a></li>
        </ul>
        <ul class="three county"  v-show="countyList.length > 0">
            <li v-for="item in countyList"><a href="#" v-bind:data-id="item.id" v-on:click="selCounty($event)" v-bind:class="{active:item.id===county}">{{ item.name }}</a></li>
        </ul>
    </div>
    <div id="container">
        <!-- 刷新组件 -->
        <div style="height: 48px;" id="pullDownBackground"></div>
        <div id="pullDown1" class="loadingUP1" style="display: none;">下拉刷新↓</div>
        <div class="loader-inner ball-spin-fade-loader" id="pullDown2" style="display: none;">
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
        </div>

        <div class="AllianceList">
            <dl class="page-content" v-for="item in list" v-bind:data-id="item.id" v-on:touchStart="Start" v-on:touchMove="Move" v-on:touchEnd="End">
                <a href="javascript:void(0);"> <!-- v-on:click="toDetils($event)" -->
                <dt><img v-lazy="item.facadePhoto" class="lazy" v-bind:key="item.id"></dt>
                <dd><span>{{ item.shopsName|maxLenTitle}}</span>{{ item.shopsAddress|maxLenAddress}}
                </dd>
                </a>
            </dl>
             <!-- 加载提示符 -->
             <div class="loader-inner ball-spin-fade-loader" id="pullDown3" style="display: none;">
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
            </div>
            <!-- <div class="infinite-scroll-preloader" style="display: none;">
                <div class="preloader"></div>
            </div> -->

        </div>
    </div>
    <div id="othersTip">
        <div class="error404 errorRefresh" style="display: none;">
           <dl><dt><img src="../image/404@2x.png"></dt>
             <dd>啊哦,系统出现了错误,点击刷新下哦~</dd>
           </dl>
           <div class="error404Btn"><a href="javascript:;" v-on:click="toRefresh">重试</a></div>
        </div>
    </div>

</div>
<script src="../js/lib/jquery/dist/jquery.min.js"></script>
<script src="../js/lib/Framework7/dist/js/framework7.min.js"></script>
<script type="text/javascript" src="../js/dist/home/alliance/bundle.js"></script>
</body>
</html>
